@charset "utf-8";
/*********************
* orientaion
* Author: Feil.Wang
* Date: 2013.09
*********************/

html,body{ height:100%; width:100%; }
body { font:12px/1.5  Microsoft Yahei, Tahoma, Helvetica, Arial, '\5b8b\4f53', sans-serif; color:#333; }
html, legend { color:#303030; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a { margin:0; padding:0; -webkit-text-size-adjust:none; outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
address, button, caption, cite, code, dfn, em, i, input, optgroup, option, select, textarea, th, var { font-style:normal; font-weight:normal;  font-family:Microsoft Yahei; font-size:inherit;}
li { list-style:none; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
input::-moz-focus-inner{ border:0;padding: 0;}
a{ color:#333; text-decoration:none;}
.c-blue{ color:#26a7ff;}
.c-green{ color:#0BD54D;}
.c-red{ color:#F00;}
.c-orange{ color:#ff9900;}
.c-white{ color:#fff;}
.c-gray{color:#C2C2C2;}
.floatl { float:left; }
.floatr { float:right; }
.clearfix:after { content:''; display:block; height:0; clear:both; visibility: hidden; }
.clearfix{ *zoom:1}
.clear { clear:both; height:0; overflow:hidden }
.gray-line{clear:both; height:2px; background-color:#d0d0d0; font-size:0; overflow:hidden;}

.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}

.paddleft10{ padding-left:10px;}
.paddright10{ padding-right:10px;}
.margleft10{ margin-left:10px;}
.margright10{ margin-right:10px;}

.bg{ background-color:#3a3f45; display:table; min-height:630px; *overflow:hidden;  *position:relative; _height:expression((document.documentElement.clientHeight||document.clientHeight)<630?"630":"");}
.wrap{ display:table-cell; vertical-align:middle;   *position:absolute;  *top:50%; }
.container{ position:relative; width:1000px; height:610px; margin:0 auto; background-color:#fff; border:1px solid #4f4f4f; box-shadow:0 0 15px #000;  *position:relative;  *top:-50%;}
.main{ height:570px; background:url(../images/mainbg.jpg); position:relative; overflow:hidden;}
.booth-index{ background: url("../images/boothbg.jpg");}
.bg2{ background: url("../images/resbg.jpg");}

/*login*/
.login-main{ height: 610px; background: url("../images/loginbg.jpg");}
.login-wrap{ width: 320px; position: absolute; left: 430px; top:160px;}
.login-wrap h1{ font-size: 28px; text-align: center; font-weight: normal;}
.login-form{ margin: 30px 0 0 50px;}
.login-form li{ position: relative; height: 35px; padding: 5px 0 0 18px; margin-bottom:5px; background: url("../images/input-bg.png") no-repeat; }
.ipt-txt{ width: 200px; height: 22px; line-height: 22px; border: none; background-color: #f5f5f5;}
input.ipt-txt[type="text"]:focus,
input.ipt-txt[type="password"]:focus{ box-shadow: none; outline: none;}

.placeholder{ position: absolute; left:20px; top: 7px; color: #666; cursor: text; }
.login-form li label.focus{ color: #aaa;}
.login-submit{ height: 33px; padding: 7px 0 0 55px;}
.login-submit .reg-link{ float: left; color: #26a7ff; margin-top: 10px;}
.btn-submit{ float: right; width: 96px; height: 33px; background: url("../images/btn-submit.png"); color: #fff; border:none; cursor: pointer; font-size: 15px; margin-right: 37px;}


.menu{ height:40px; background-color: #fff; }
.nav{ float:left;}
.nav li{ float:left; height:40px; line-height:40px; position:relative;}
.nav li.current{ background-color: #4f4f4f;}
.nav li.current a{ color: #fff;}
.nav li a{ display:block;  height: 40px; line-height: 40px; text-align:center; font-size:14px;float: left; min-width: 60px; padding: 0 10px;}
.home-icon{  display:inline-block; width:15px; height:15px; margin:0px 5px 3px 0; *margin:3px 5px 3px 0;vertical-align:middle; background:url("../images/home-icon.png"); font-size:0;}
.nav li.current .home-icon{ background-position: 0 -15px;}
.nav li a span{  display:inline-block; cursor:pointer; }
.nav .line,.line{ width:1px; height: 40px; padding:0; background: url("../images/nav-line.png"); font-size:0;}

.logo{ float:right; height:40px;}
.logo img{ height:40px; vertical-align:bottom;}
.login{ float:right; padding:0 10px 0 0; line-height: 40px;}
.login a{ font-size: 14px; }
.welcome{ float:right; padding:12px 10px 0 0;}
.welcome span{ float:left; max-width:120px; _width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.welcome a{ margin-left:10px; color:#26a7ff;}
.lang{ float:right; margin:12px 10px 0 10px; width: 22px; height: 16px; background: url("../images/icon-lang.png");}
.lang-en{ background-position: 0 0;}
.lang-cn{ background-position: 0 -16px;}

.shortcut,.shortcut-en{ display: block; width: 115px; height: 115px; background: url("../images/shortcut-bg.png"); position:absolute;}
.shortcut-en{background: url("../images/shortcut-bg-en.png");}

.item-1{ background-position: 0 0; left:-115px; top:-115px;}
.item-2{ background-position: -115px 0; left:205px; top:-115px;}
.item-3{ background-position: -230px 0; left:-115px; top:570px;}
#boothIndex .item-3{left:805px; }
.item-4{ width: 240px; background-position: 0 -115px; left:450px; top:-115px;}
.item-5{ width: 240px; background-position: -240px -115px; left:280px; top:570px;}
.item-6{ background-position: -345px 0; left:470px; top:570px;}
.item-7{ background-position: -460px 0; left:640px; top:570px;}

.player{ width:320px; height:240px; position:absolute; top:150px; left:1000px; background-color:#fff;}
.booth-player{ width:320px; height:240px; position:absolute; top:50px; left:1000px; background-color:#fff;}


/*sessions*/
.booth-center{ background:url(../images/listbg.jpg);}
.booth-list-wrap{ width:1000px; height:275px; position:absolute; left:0; bottom:100px;}
.booth-list-wrap .slides_container{width:1000px; height:275px; overflow:hidden;}
.booth-list{ width:1000px; margin-left:102px;}
.booth-list ul{ height:275px;}
.booth-list li{ width:225px; height:275px; float:left; margin-left: 30px; _display:inline;}
.booth-list li .a-logo{ display:block; width:225px; height:165px;  cursor: pointer; position: relative;}
.booth-list li .a-logo img{ width:225px; height:165px; vertical-align:bottom; }
.icon-into{ height: 72px; width: 72px; position: absolute; left: 76px; top: 46px; background: url("../images/icon-into.png");_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/orientaion/images/icon-into.png', sizingMethod='crop');}
.booth-list li .a-logo:hover .icon-into{ background: url("../images/icon-into-hover.png");_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/orientaion/images/icon-into-hover.png', sizingMethod='crop');}
.booth-list li .info{ display: block; width: 225px; height: 110px; background-color: #313131; color: #fff;}
.booth-list li .info h3{ text-align: center; height: 35px; line-height: 35px; font-size: 18px; font-weight: normal;}
.booth-list li .info div{ height: 75px; padding: 0 10px; overflow: hidden;}
.booth-list-wrap .prev,.booth-list-wrap .next{width:72px;height:72px; position:absolute; top:100px; text-indent:-999px; overflow:hidden; cursor:pointer; z-index: 10;}
.booth-list-wrap .prev{ left:30px; background:url(../images/arrow-left.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/orientaion/images/arrow-left.png', sizingMethod='crop');}
.booth-list-wrap .next{ right:30px; background:url(../images/arrow-right.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/orientaion/images/arrow-right.png', sizingMethod='crop');}

.hall-list-btn{ width:185px; height:34px; line-height: 34px; position:absolute; top:-34px; left:387px; background-color: #757575; padding: 0 20px; color: #fff; font-size: 14px;}


/*booth index*/
.chat-notice{ width: 400px; height: 240px; background-color: #67c110; position: absolute; left: -400px; top: 50px; color: #fff;}
.chat-notice-t{ height: 40px;}
.chat-notice-t h3{ line-height: 40px; padding-left: 10px; font-size: 15px; font-weight: normal;}
.chat-notice-list li{ border-top: 1px solid #fff; padding:10px;}
.chat-notice-list h3{ font-weight: normal; height: 24px; font-size: 13px; padding-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chat-notice-list h3 a{ color: #fff;}
.chat-notice-list h3 a:hover{ text-decoration: underline;}
.chat-notice-list div{ height: 16px;}
.icon-date,.icon-compere{ float: left; width: 170px; height: 16px; line-height: 16px; padding-left: 20px; background: url("../images/icon-16x16.png") no-repeat;}
.icon-compere{ background-position: 0 -16px;}
.btn-tochat{ position: absolute; right: 10px; top: 5px; background: url("../images/btn-tochat.png"); width: 30px; height: 30px;}

.close-b{ float:right; outline:none; width:24px; height:24px; line-height:24px; font-size:20px; text-align:center;  margin:1px 12px 0 0;}
.close-b:hover{color:#C00}








